document.addEventListener('DOMContentLoaded', function () {
    // 获取登录表单
    const loginForm = document.querySelector('.login form');

    // 登录表单提交事件处理
    loginForm.addEventListener('submit', async (event) => {
        event.preventDefault();

        // 获取用户名和密码
        const  id= loginForm.querySelector('input[name="id"]').value;
        const password = loginForm.querySelector('input[name="password"]').value;

        try {
            console.log("发送登录请求...");
            const response = await fetch('http://localhost:8080/api/login', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ id, password })
            });

            if (response.ok) {
                const data = await response.json();
                console.log('登录成功:', data);

                // 根据返回的用户角色进行跳转或其他操作
                if (data.role === '管理员') {
                    sessionStorage.setItem('userID', id);
                    alert('欢迎管理员登录！');
                    window.location.href = 'admin.html';
                } else if (data.role === '员工') {
                    alert('欢迎员工登录！');
                    window.location.href = 'employee.html';
                } else {
                    alert('未知角色，请联系管理员。');
                }
            } else {
                const error = await response.text();
                alert(`登录失败: ${error}`);
            }
        } catch (error) {
            console.error('登录请求出错:', error);
            alert('登录时发生错误，请稍后再试。');
        }
    });
});
